<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/登录.css">
</head>
<body>
    <header><p> <a href="#"><span class="iot fa fa-angle-left"></span>登录</p></a></header>
    <main>
        <div class="iot_logo">
            <img src="../images/logo.png" alt="">
        </div>

        <div class="iot_logon">
            <span><img src="../images/手机.png" alt=""></span><button>手机号快捷登录</button>
            
        </div>

        <div class="iot_other">
              <div class="iot_other_text"><p>—————其他登录方式—————</p></div>
              
              <div class="iot_other_button">
                <button><img src="../images/手机1.png" alt=""></button>
                <p>模拟快捷登录</p>
              </div>
              
        </div>
    </main>

    <footer>
        <p>登录/注册即视为你同意《服务条款》和《小兔鲜儿隐私协议》</p>
    </footer>
</body>
</html>
<script>
    var btns=document.querySelectorAll('button')
    console.log(btns)
    btns.forEach(e=>{
        e.addEventListener('click',function(){
            window.localStorage.setItem('logon','true')
            alert('登录成功！')
        })
    })
    var a=document.querySelector('header>p>a')
    a.addEventListener('click',function(){
        window.history.back()
    })
</script>